<html>
<head>
    <title>Teste</title>
</head>
<body>

<!--div id="mao"><img src="mao.jpg" border="0" /></div-->
<div id="slide" style="position: absolute; top: 100px; left=100px;"><img src="slide.jpg" border="0" /></div>
<div id="seta" style="position: absolute; top: 120px; left=135px;" onmousedown="slide(); return false;" onmouseup="slideonRelease()"><img src="seta.jpg" border="0" /></div>
<script>
    var posX = 0
    var timeout = null;
    var ultposmouse = null;
    function slide() {
        ultposmouse = posX;
        //var mousePosY = window.event.clientX
        timeout = setTimeout(runSlide, 1000);
    }

    document.onmousemove = getMousePosition;
    function getMousePosition(e) {
        var _x;
        var _y;
            _x = event.clientX + document.body.scrollLeft;
            _y = event.clientY + document.body.scrollTop;
        posX = _x;
        posY = _y;
        return true;
    }


    function runSlide(){
        var seta = document.getElementById("seta");
        var mousePosX = posX;
        seta.style.pixelLeft += mousePosX - ultposmouse;
        ultposmouse = mousePosX;
        timeout = setTimeout(runSlide, 1000);
    }
    function slideonRelease() {
        clearTimeout(timeout);
    }
</script>
</body>
</html>